// pages/my/my.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    userAvatar: '',
    userNickName: '',
    islogin: false,

    canIUse: wx.canIUse('button.open-type.getUserInfo'),

    // 是否显示 绑定 手机号盒子
    isShowBangdingBox: false,

    // 付款信息
    fukuanInfo: [{
        iconfont: 'icon-qianbao',
        text: '代付款'
      },
      {
        iconfont: 'icon-boxxiangzi',
        text: '代发货'
      },
      {
        iconfont: 'icon-xiaohuoche',
        text: '已发货'
      }, {
        iconfont: 'icon-yiwancheng',
        text: '已完成'
      }
    ],

    // 会员卡 积分等 文字
    my_other: [{
        text: '我的会员卡',
        event: 'goto_vipPage'
      },
      {
        text: '我的积分',
        event: 'goto_integralPage'
      },
      {
        text: '我的优惠券',
        event: 'goto_CouponPage'
      },
      {
        text: '我的优惠码',
        event: 'goto_couponCodePage'
      },
      {
        text: '我购买的专栏、内容',
        event: 'goto_ColumnPage'
      },
    ],

    // 用户手机号
    phoneNumber: '',

    // 验证码
    verification: ''

  }, // data end -------------

  // 获取用户名
  getUsername: function(e) {

    this.setData({
      username: e.detail.value
    })
  },
  // 获取密码
  getPassword: function(e) {
    this.setData({
      password: e.detail.value
    })
  },

  loginBtn: function() {

    // 判断用户输入 用户名和密码 是否为空
    if (!this.data.username) {
      wx.showToast({
        title: '用户名或密码输入错误',
        icon: 'none',
        image: '/images/感叹号.png',
        duration: 2000
      })

      return;
    }

    // 点击登录按钮 提示登录成功
    wx.showToast({
      title: '登陆成功',
      icon: 'success',
      duration: 2000
    })

    this.setData({
      isLogin: true
    })



  },

  // 点击 确定按钮 
  confirm: function() {

    // 获取用户输入的手机号和验证码
    var phoneNum = this.data.phoneNumber;
    var auth_code = this.data.verification;

    // 判断是否为空  是否符合手机号 规则
    if (!phoneNum) {
      wx.showToast({
        title: '请输入手机号',
        icon: 'none',
        image: '/images/感叹号.png',
        duration: 2000
      })
      return;
    } else if (!auth_code) {
      wx.showToast({
        title: '请输入验证码',
        icon: 'none',
        image: '/images/感叹号.png',
        duration: 2000
      })
      return;
    } else if (!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(phoneNum))) {
      wx.showToast({
        title: '请正确输入手机号',
        icon: 'none',
        image: '/images/感叹号.png',
        duration: 2000
      })
      return;
    }

    // 提示用户 手机号绑定成功 并清空input的value
    wx.showToast({
      title: '手机号绑定成功',
      icon: 'success',
      duration: 2000
    })

    this.setData({
      // 显示 绑定 手机号盒子
      isShowBangdingBox: false,
      phoneNumber: '',
      verification: ''
    })
  },

  // 输入手机号 input 失去焦点
  phine_blur: function(e) {

    // console.log(e.detail.value)
    // 保存用户输入的手机号
    this.setData({
      phoneNumber: e.detail.value
    })

  },

  // 输入 验证码 失去焦点
  auth_code_blur: function(e) {

    // console.log(e.detail.value)

    // 保存用户输入的验证码
    this.setData({
      verification: e.detail.value
    })

  },

  // 跳转到 vip 页面
  goto_vipPage: function() {
    wx.navigateTo({
      url: '../../about_my/vip/vip',
    })
  },

  // 跳转到 积分 页面
  goto_integralPage: function() {
    wx.navigateTo({
      url: '../../about_my/integral/integral',
    })
  },

  // 跳转到 优惠券 页面
  goto_CouponPage: function() {
    wx.navigateTo({
      url: '../../about_my/coupon/coupon',
    })
  },

  // 跳转到 优惠码 页面
  goto_couponCodePage: function() {
    wx.navigateTo({
      url: '../../about_my/couponCode/couponCode',
    })
  },

  // 跳转到 专栏 页面
  goto_ColumnPage: function() {
    wx.navigateTo({
      url: '../../about_my/column/column',
    })
  },

  // 点击显示 绑定手机号 遮挡层
  showBangdingBox: function() {

    this.setData({
      // 显示 绑定 手机号盒子
      isShowBangdingBox: true,
    })

  },

  // 关闭 绑定手机号 遮挡层
  closeBtn: function() {
    this.setData({
      // 显示 绑定 手机号盒子
      isShowBangdingBox: false
    })
  },

  // 跳转到 订单列表 页面
  gotoOrderPage: function(e) {

    // 获取 当前点击 的ID
    var currId = e.currentTarget.id;

    wx.navigateTo({
      url: '../../about_my/order/order?id=' + currId,
    })
  },

  // 跳转到购物车页面
  gotoCar: function(e) {
    wx.switchTab({
      url: '../car/car'
    })
  },

  /**
   * 生命周期函数--监听页面加载-------------
   */
  onLoad: function(options) {
    var that = this;
    // 查看是否授权
    wx.getSetting({
      success: function(res) {
        if (res.authSetting['scope.userInfo']) {
          // 已经授权，可以直接调用 getUserInfo 获取头像昵称
          wx.getUserInfo({
            success: function(res) {
              that.setData({
                userAvatar: res.userInfo.avatarUrl,
                userNickName: res.userInfo.nickName,
                islogin: true
              })
            }
          })
        }
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },
  bindGetUserInfo: function(e) {
    console.log(e.detail.userInfo)

    this.setData({
      userAvatar: e.detail.userInfo.avatarUrl,
      userNickName: e.detail.userInfo.nickName,
      islogin: true
    })
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {
    wx.stopPullDownRefresh()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})